@import "ui";
#zhgl-map {
  .zhgl-panel-container {
    position: absolute;
    width: 100%;
    height: 100%;
    margin-left: 480px;
    margin-top: 84px;
    top:0;
    left:0;
    z-index: 10;
  }
  .zhgl-panel-area {
    width:100%;
    height:100%;
  }
  .zhgl-panel-box {
    position: absolute;
    top: 84px;
    left: 480px;
    z-index: 100;
    background: white;

  }
  .zhgl-panel-header {
    background: @main-blue;
    border-radius: 4px 4px 0 0;
    padding: 12px 16px;
    color: white;
    position: relative;
    .pull-right {
      cursor: pointer;
      z-index: 2;
      position: relative;
    }
  }
  .zhgl-panel-content {
    padding:12px 16px;
  }
  .zhgl-panel-footer {
    padding:0 20px 12px 20px;
    min-height: 32px;
  }
  .small-panel {
    min-width: 280px;
    min-height: 176px;
    .zhgl-panel-footer {
      display: flex;
      justify-content: space-between;
    }
  }
  .zhgl-panel-title {
    font-family: @heiti;
    margin-bottom: 10px;
    font-size: @large-font;
  }

  .panel-table {
    table {
      border:@base-dashed;
    }
  }
  .visit-record {
    min-width: 540px;
  }

  .record-panel {

  }

  .zhgl-panel-header-info-number {
    font-size: 16px;
  }

  .zhgl-panel-header-info-adress {
    font-size: 12px;
    opacity: 0.7;
    margin: 14px 0 6px 0;
  }

  .middle-panel {
    width: 408px;
    .zhgl-panel-footer {
      min-height: 44px;
    }
  }

  .event-panel-tab {
    background: @main-blue;
  }

  .event-panel-tab-list {
    margin: 0;
    padding: 0 0 2px 0;
    list-style: none;
    color: white;
    display: flex;
    .active {
      border-bottom: 2px solid white;
    }
  }

  .event-panel-tab-li {
    height: 32px;
    padding: 0 10px;
    line-height: 32px;
    margin: 0 4px;
    cursor: pointer;
  }

  .event-panel-content-detail {
    display: flex;
    justify-content: space-between;
  }

  .event-panel-content-detail-left {
    font-size: 12px;
    >div {
      margin-bottom: 6px;
    }
  }

  .event-panel-content-detail-right {
    flex: 0 1 180px;
    margin-left: 10px;
    img {
      width: 100%;
    }
  }

  .event-panel-content-descibe {
    font-size: 12px;
  }
  .zhgl-panel-header-drag {
    position: absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:1;
  }

  .zhgl-map-tips {
    position: absolute;
    bottom: 30px;
    right: 30px;
    background: white;
    border-radius: 4px;
    width: 110px;
    min-height:68px;
    padding:8px 0 0 20px;
    >div {
      margin-bottom: 6px;
    }
  }

  .blue-tip {
    width:10px;
    height:10px;
    border-radius: 50%;
    background: @main-blue;
    display: inline-block;
    margin-right: 10px;
  }

  .green-tip {
    width:10px;
    height:10px;
    border-radius: 50%;
    background: @main-green;
    display: inline-block;
    margin-right: 10px;
  }

  .red-tip {
    width:10px;
    height:10px;
    border-radius: 50%;
    background: @main-red;
    display: inline-block;
    margin-right: 10px;
  }

  .zhgl-panel-content {
    .analyse-chart-right {
      width:140px;
    }
  }

  .people-manage-search-date {
    background: @main-blue;
  }

  .people-manage-left-tab-chose {
    border-left: 2px solid @main-blue;
    color:@main-blue;
  }

  .people-manage-left-basic {
    &:hover {
      border-left: 2px solid @main-blue;
      color:@main-blue;
    }
  }

  .people-manage-left-yuejie {
    &:hover {
      border-left: 2px solid @main-blue;
      color:@main-blue;
    }
  }

  .people-manage-yuejie-main-range {
    background: url("../image/yuejie_btn.png");
    background-repeat: no-repeat;
    border-radius: 0;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
  }

  .people-manage-basic-main-content table {
    color:@base-color;
    tr {
      height:34px;
      margin-bottom: 8px;
    }
    td {
      margin-bottom: 8px;
      span {
        display: inline-block;
        width:60px;
        color:@input-color;
        margin-right: 4px;
      }
    }
    .table-adress {
      display: inline-block;
      margin-bottom: 6px;
    }
  }

  .people-manage-left {
    padding-top: 10px;
  }

  .yuejie-panel-img {
    width:80px;
    height:80px;
    border-radius: 4px;
  }

  .yuejie-panel-header {
    display: flex;
  }

  .yuejie-panel-info {
    margin-left: 14px;
  }
  .yuejie-panel-call {
    margin-left: 10px;
  }

  .yuejie-panel-name {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .yuejie-panel-address {
    opacity: 0.7;
  }
}
